
.cabecera{
    //background: yellow;
    height:60px;   
    border-bottom: solid 2px orange;
    width:100%;
    background:white;
}

.logo{
    background: orange;
    width:200px;
    height:60px;
    margin-left:40px;   
    float:left;
}

.menu{
  //background:green;  
  float:right;
  margin-right:40px;
}

.menu li{
     display: inline-block;
     height:60px;
     line-height:60px;
     width:140px;
     margin-right:5px;
  //   background:pink;
    text-align:center;
    color:gray;
    transition: background 0.4s;
}

.menu li:hover{
    border-bottom: solid 6px orange;
    background: #F2F2F2;
}

.menu li a{
    text-decoration: none;
    color:gray;
}
